<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Agregar servicios</title>
    </h:head>

    <h:body>
        <ui:composition template="./../WEB-INF/templates/template.xhtml">
            <ui:define name="content">
                <f:view> 
                    <h:form id="form">
                        <p:panel id="panel" header="Agregar nueva categoria" style="margin-bottom:10px;">  
                            <!--<p:messages id="messages" /> -->  
                            <p:panelGrid columns="4" style="column-width: 20%;width: 100%">  
                                <h:outputLabel for="nombrecategoria" value="Nombre de categoria: *" />  
                                <p:inputText id="nombrecategoria"   
                                             value="#{mttoCatEspacioBean.nuevoCCategoriaEspacio.nombreCCategoria}" required="true" label="Nombre de categoria" validatorMessage="Debe agregar un nombre de 30 letras">  
                                    <f:validateLength minimum="2" />  
                                </p:inputText>  
                                 
                                
                                <h:outputLabel for="descripcioncategoria" value="Descripcion de categoria: *" />  
                                <p:inputText id="descripcioncategoria"   
                                             value="#{mttoCatEspacioBean.nuevoCCategoriaEspacio.descripcionCCategoria}" required="true" label="Descripcion de categoria" validatorMessage="Debe agregar una descripcion de 100 letras">  
                                    <f:validateLength minimum="2" />  
                                </p:inputText>
                            </p:panelGrid>
                            <p:commandButton value="Guardar" update="panel,dial" id="ajax"  
                                                 actionListener="#{mttoCatEspacioBean.guardar()}" styleClass="ui-priority-primary"/>
                        </p:panel>
                        <p:dialog id="dial" modal="true" rendered="#{sessionBean.visible}" visible="#{sessionBean.visible}">
                            <f:facet name="header">
                                <h:panelGrid columns="2">
                                    <p:graphicImage url="#{sessionBean.imgUrl}" ></p:graphicImage>
                                    <p:outputLabel >#{sessionBean.headerMessage}</p:outputLabel>
                                </h:panelGrid>
                            </f:facet>
                            <p:outputLabel >#{sessionBean.message}</p:outputLabel>
                        </p:dialog>
                    </h:form>
                    <!--
                    <h:form>


                        <h1><h:outputText value="Agregar nueva coleccion o fondo"/></h1>
                        <h:panelGrid id="agregar_coleccion" columns="3">
                            <h:outputLabel value="Tipo de coleccion:" for="tipoCColeccionFondo" />
                            <h:inputText id="tipoCColeccionFondo" value="#{manejadorCColeccionFondo.nuevoCColeccionFondo.tipoCColeccionFondo}" title="Nombre de coleccion o fondo" required="true" requiredMessage="The TipoCColeccionFondo field is required."/>
                        </h:panelGrid>

                        <h:commandButton value="Guardar" action="#{manejadorCColeccionFondo.guardar()}" >
                            <f:ajax execute="agregar_coleccion" render="agregar_coleccion"/>
                        </h:commandButton>

                        <br/>
                    </h:form>
                    -->
               </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>
